<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function op(content){
            if(content=='beishang'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var beishang_Element=document.getElementById('beishang_text');
                beishang_Element.value=beishang_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var bs_imgElement=document.getElementById('bs_img');
                bs_imgElement.height=bs_imgElement.height+changValue;
            }
            if(content=='chaozuo'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var chaozuo_Element=document.getElementById('chaozuo_text');
                chaozuo_Element.value=chaozuo_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var cz_imgElement=document.getElementById('cz_img');
                cz_imgElement.height=cz_imgElement.height+changValue;
            }
            if(content=='fennu'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var fennu_Element=document.getElementById('fennu_text');
                fennu_Element.value=fennu_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var fn_imgElement=document.getElementById('fn_img');
                fn_imgElement.height=fn_imgElement.height+changValue;
            }
            if(content=='gandong'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var gandong_Element=document.getElementById('gandong_text');
                gandong_Element.value=gandong_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var gd_imgElement=document.getElementById('gd_img');
                gd_imgElement.height=gd_imgElement.height+changValue;
            }
            if(content=='gaoxiao'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var gaoxiao_Element=document.getElementById('gaoxiao_text');
                gaoxiao_Element.value=gaoxiao_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var gx_imgElement=document.getElementById('gx_img');
                gx_imgElement.height=gx_imgElement.height+changValue;
            }
            if(content=='wuliao'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var wuliao_Element=document.getElementById('wuliao_text');
                wuliao_Element.value=wuliao_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var wl_imgElement=document.getElementById('wl_img');
                wl_imgElement.height=wl_imgElement.height+changValue;
            }
            if(content=='yangyan'){
                //获取第一行文本框里的内容，然后在原来的基础上加1
                var yangyan_Element=document.getElementById('yangyan_text');
                yangyan_Element.value=yangyan_Element.value-0+1;
                //获取第二行图片标签对象，然后修改该图片的高度
                var changValue=1;
                var yy_imgElement=document.getElementById('yy_img');
                yy_imgElement.height=yy_imgElement.height+changValue;
            }
        }
    </script>
</head>
<body>
<form action=onclick3.html method=post name=f>
    <table border=0 align=center style="font-size:12px">
        <tr>
            <td><input type=text id=beishang_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
            <td width=5></td>
            <td><input type=text id=chaozuo_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
            <td width=5></td>
            <td><input type=text id=fennu_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
            <td width=5></td>
            <td><input type=text id=gandong_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
            <td width=5></td>
            <td><input type=text id=gaoxiao_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
            <td width=5></td>
            <td><input type=text id=wuliao_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
            <td width=5></td>
            <td><input type=text id=yangyan_text value=1 size=2 readonly style="border:0px;text-align:center"></td>
        </tr>
        <tr align=center>
            <td valign=bottom><img src=images/xq.gif id=bs_img width=22 height=1px></td>
            <td width=5></td>
            <td valign=bottom><img src=images/xq.gif id=cz_img width=22 height=1px></td>
            <td width=5></td>
            <td valign=bottom><img src=images/xq.gif id=fn_img width=22 height=1></td>
            <td width=5></td>
            <td valign=bottom><img src=images/xq.gif id=gd_img width=22 height=1></td>
            <td width=5></td>
            <td valign=bottom><img src=images/xq.gif id=gx_img width=22 height=1></td>
            <td width=5></td>
            <td valign=bottom><img src=images/xq.gif id=wl_img width=22 height=1></td>
            <td width=5></td>
            <td valign=bottom><img src=images/xq.gif id=yy_img width=22 height=1></td>
        </tr>
        <tr align=center>
            <td><img src=images/beishang.gif border=0 onclick="op('beishang')"></td>
            <td width=5></td>
            <td><img src=images/chaozuo.gif border=0 onclick="op('chaozuo')"></td>
            <td width=5></td>
            <td><img src=images/fennu.gif border=0 onclick="op('fennu')"></td>
            <td width=5></td>
            <td><img src=images/gandong.gif border=0 onclick="op('gandong')"></td>
            <td width=5></td>
            <td><img src=images/gaoxiao.gif border=0 onclick="op('gaoxiao')"></td>
            <td width=5></td>
            <td><img src=images/wuliao.gif border=0 onclick="op('wuliao')"></td>
            <td width=5></td>
            <td><img src=images/yangyan.gif border=0 onclick="op('yangyan')"></td>
        </tr>
        <tr align=center>
            <td>悲伤</td>
            <td width=5></td>
            <td>炒作</td>
            <td width=5></td>
            <td>愤怒</td>
            <td width=5></td>
            <td>感动</td>
            <td width=5></td>
            <td>搞笑</td>
            <td width=5></td>
            <td>无聊</td>
            <td width=5></td>
            <td>养眼</td>
        </tr>
    </table>
</form>
</body>
</html>